@import './common';

page{
  color:  #999999 ;
  background: #2D2D2D !important;
}
.switch{
  height: 70rpx;
  line-height: 70rpx;
  display: flex;
  justify-content: space-around;
  background: #131213;
}
.curent{
  color: #FFD017;
  border-bottom: 4rpx solid #FFD017;
}

.exchange{
  display: flex;
  padding: 24rpx;
  background:  #131213 ;
  border-top: 1rpx solid #2D2D2D;
}
.exchange>input{
  width: 515rpx;
  height: 82rpx;
  background:  #2D2D2D;
  border-top-left-radius: 10rpx;
  border-bottom-left-radius: 10rpx;
  padding-left: 20rpx;
}
.exchange>button{
  width: 200rpx;
  height: 82rpx;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 10rpx;
  border-bottom-right-radius: 10rpx;
  background: #FFD017;
  color: #332F36;
  font-size: 30rpx;
  padding: 0;
}

.item{
  height: 170rpx;
  display: flex;
  margin: 30rpx 24rpx 0;
  padding-right: 24rpx;
  align-items: center;
}
.itemLeft{
  width: 160rpx;
  height: 170rpx;
  position: relative;
}
.itemLeft image{
  width: 160rpx;
  height: 170rpx;
  position: absolute;
  top: 0;
  left: 0;
}
.money{
  position: absolute;
  top: 50%;
  left: 45%;
  transform: translate(-50%,-50%);
  line-height: 1;
  font-size: 60rpx;
  font-weight: bold;
  color:  #332F36 ;
}
.money>text{
  font-size: 36rpx;
  /* font-weight: 500; */
}
.itemCenter{
  padding-left: 30rpx;
  flex-grow: 1;
  line-height: 1;
}
.itemType{
  margin: 14rpx 0;
}
.itemRight image{
 width: 100rpx;
 height: 100rpx;
}

/* 失效 */
.failure{
  color: #939294;
 background:#262626; 
}
.failure .itemTitle{
  font-size: 30rpx;
  color: #939294;
}
.failure .itemType,.failure .itemDate{
  font-size: 22rpx;
  color: #636363;
}

/* 使用 */
.used,.unUse{
 background: #1F1F1F;
}
.used .itemTitle,.unUse .itemTitle{
  font-size: 30rpx;
  color: #F8F6FA ;
}
.used .itemType,.used .itemDate,.unUse .itemType,.unUse .itemDate{
  font-size: 22rpx;
  color: #999999;
}

/* 未使用 */
.use{
  width: 136rpx;
  height: 60rpx;
  line-height: 60rpx;
  text-align: center;
  border-radius: 60rpx;
  color: #332F36;
  background: #FFD017;
}


/* 暂无数据 */
.empty-box{
	box-sizing:border-box;
	padding-top: setSize(160);

  .icon-box{
    width: 200rpx;
    height:200rpx;

    .icon{
    	display: block;
    	width: 100%;
    	height: 100%;
    }
  }
}